import React from 'react';
import DeviceRealtimeDataPanel from './panels/DeviceRealtimeDataPanel';
import EnvironmentRealtimeDataPanel from './panels/EnvironmentRealtimeDataPanel';
import ElectricityStatisticsPanel from './panels/ElectricityStatisticsPanel';
import MainControlIndicatorsPanel from './panels/MainControlIndicatorsPanel';
import AlarmStatisticsPanel from './panels/AlarmStatisticsPanel';
import InspectionLogPanel from './panels/InspectionLogPanel';
import './MonitoringPanel.css';

interface MonitoringPanelProps {
  // 可以添加从父组件传入的属性
}

const MonitoringPanel: React.FC<MonitoringPanelProps> = () => {
  return (
    <div className="monitoring-panel-container">
      {/* 左侧面板组 */}
      <div className="left-panels">
        <DeviceRealtimeDataPanel />
        <EnvironmentRealtimeDataPanel />
        <ElectricityStatisticsPanel />
      </div>
      
      {/* 右侧面板组 */}
      <div className="right-panels">
        <MainControlIndicatorsPanel />
        <AlarmStatisticsPanel />
        <InspectionLogPanel />
      </div>
    </div>
  );
};

export default MonitoringPanel;